
<div id="topbar">
  <div align="right"><a href="" onclick="closebar(); return false"><img src="images/close.gif" border="0" /></a></div>
  <table width="100%" border="0">
    <caption><strong> 购货人信息 </strong></caption>
    <tr>
      <td> 电子邮件 </td>
      <td> <a href="mailto:174717352@qq.com">174717352@qq.com</a> </td>
    </tr>
    <tr>
      <td> 账户余额 </td>
      <td> ￥0.00元 </td>
    </tr>
    <tr>
      <td> 消费积分 </td>
      <td> 0 </td>
    </tr>
    <tr>
      <td> 等级积分 </td>
      <td> 0 </td>
    </tr>
    <tr>
      <td> 会员等级 </td>
      <td> 注册用户 </td>
    </tr>
    <tr>
      <td> 红包数量 </td>
      <td> 0 </td>
    </tr>
  </table>

    <table width="100%" border="0">
    <caption><strong> 收货人 : 王强 </strong></caption>
    <tr>
      <td> 电子邮件 </td>
      <td> <a href="mailto:174717352@qq.com">174717352@qq.com</a> </td>
    </tr>
    <tr>
      <td> 地址 </td>
      <td> 北京市昌平区八十四亩地五号公寓六号楼106 </td>
    </tr>
    <tr>
      <td> 邮编 </td>
      <td> 100000 </td>
    </tr>
    <tr>
      <td> 电话 </td>
      <td> 010-6456781 </td>
    </tr>
    <tr>
      <td> 备用电话 </td>
      <td> 15210241277 </td>
    </tr>
  </table>
  </div>

<form action="" method="post" name="theForm">
<div class="list-div" style="margin-bottom: 5px">
<table width="100%" cellpadding="3" cellspacing="1">
 <!--  <tr>
    <td colspan="4">
      <div align="center">
        <input name="prev" type="button" class="button" onClick="location.href='order.php?act=info&order_id=';" value="前一个订单" disabled />
        <input name="next" type="button" class="button" onClick="location.href='order.php?act=info&order_id=';" value="后一个订单" disabled />
        <input type="button" onclick="window.open('order.php?act=info&order_id=1&print=1')" class="button" value="打印订单" />
    </div></td>
  </tr> -->
  <!-- 基本信息 -->
  <tr>
    <th colspan="4">基本信息</th>
  </tr>
  <tr>
    <td width="18%"><div align="right"><strong>订单号：</strong></div></td>
    <td width="34%">{$order.order_sn}</td>
    <td width="15%"><div align="right"><strong>订单状态：</strong></div></td>
    <td>{$order.order_status} | {$order.ship_status} | {$order.pay_status}</td>
  </tr>
  <tr>
    <td><div align="right"><strong>购货人：</strong></div></td>
    <td><a href="{:url('index/member/account',[ 'id'=>$buyUser['mid'] ])}" style="text-decoration: none;color:blue;">{$buyUser.name}</a></td>
    <td><div align="right"><strong>下单时间：</strong></div></td>
    <td>{$order.created|date="Y-m-d H:i:s",###}</td>
  </tr>
  <tr>
    <td><div align="right"><strong>支付方式：</strong></div></td>
    <td>
      {$order.pay_name}<!-- <a href="javascript:;" class="special">编辑</a> -->
    </td>
    <td><div align="right"><strong>付款时间：</strong></div></td>
    <td>{if condition="$order['pay_time']"}{$order.pay_time|date="Y-m-d H:i:s",###}{else /}未付款{/if}</td>
  </tr>
  <tr>
    <td><div align="right"><strong>配送方式：</strong></div></td>
    <td>{$order.ship_name}<!-- <a href="" class="special">编辑</a> --> </td>
    <td><div align="right"><strong>发货时间：</strong></div></td>
    <td>{if condition="$order['ship_time']"}{$order.pay_time|date="Y-m-d H:i:s",###}{else /}未发货{/if}</td>
  </tr>
  <!-- <tr>
    <th colspan="4">其他信息<a href="order.php?act=edit&order_id=1&step=other" class="special">编辑</a></th>
    </tr>
  <tr>
    <td><div align="right"><strong>发票类型：</strong></div></td>
    <td></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div align="right"><strong>发票抬头：</strong></div></td>
    <td></td>
    <td><div align="right"><strong>发票内容：</strong></div></td>
    <td></td>
  </tr>
  <tr>
    <td><div align="right"><strong>客户给商家的留言：</strong></div></td>
    <td colspan="3"></td>
  </tr>
  <tr>
    <td><div align="right"><strong>缺货处理：</strong></div></td>
    <td>等待所有商品备齐后再发</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div align="right"><strong>包装：</strong></div></td>
    <td></td>
    <td><div align="right"><strong>贺卡：</strong></div></td>
    <td></td>
  </tr>
  <tr>
    <td><div align="right"><strong>贺卡祝福语：</strong></div></td>
    <td colspan="3"></td>
  </tr>
  <tr>
    <td><div align="right"><strong>商家给客户的留言：</strong></div></td>
    <td colspan="3"></td>
  </tr> -->

  <!-- 收货人信息 -->
  <tr>
    <th colspan="4">收货人信息
      <!-- <a href="order.php?act=edit&order_id=1&step=consignee" class="special">编辑</a> -->
    </th>
    </tr>
  <tr>
    <td><div align="right"><strong>收货人：</strong></div></td>
    <td>{$order.consignee}</td>
    <td><div align="right"><strong>电子邮件：</strong></div></td>
    <td>{$order.email}</td>
  </tr>
  <tr>
    <td><div align="right"><strong>地址：</strong></div></td>
    <td>[ {$order.province}  {$order.city}  {$order.district} ] {$order.address}</td>
    <td><div align="right"><strong>邮编：</strong></div></td>
    <td>{$order.zipcode}</td>
  </tr>
  <tr>
    <td><div align="right"><strong>电话：</strong></div></td>
    <td>{$order.tel}</td>
    <td><div align="right"><strong>手机：</strong></div></td>
    <td>{$order.mobile}</td>
  </tr>
  <!-- <tr>
    <td><div align="right"><strong>标志性建筑：</strong></div></td>
    <td></td>
    <td><div align="right"><strong>最佳送货时间：</strong></div></td>
    <td>12:32</td>
  </tr> -->
</table>
</div>

<!-- 商品信息 -->
<div class="list-div" style="margin-bottom: 5px">
<table width="100%" cellpadding="3" cellspacing="1">
  <tr>
    <th colspan="8" scope="col">商品信息
      <!-- <a href="order.php?act=edit&order_id=1&step=goods" class="special">编辑</a> -->
    </th>
  </tr>
  <tr>
    <td scope="col"><div align="center"><strong>商品名称 [ 品牌 ]</strong></div></td>
    <td scope="col"><div align="center"><strong>缩略图</strong></div></td>
    <td scope="col"><div align="center"><strong>货号</strong></div></td>
    <td scope="col"><div align="center"><strong>属性</strong></div></td>
    <td scope="col"><div align="center"><strong>价格</strong></div></td>
    <td scope="col"><div align="center"><strong>数量</strong></div></td>
    <td scope="col"><div align="center"><strong>库存</strong></div></td>
    <td scope="col"><div align="center"><strong>小计</strong></div></td>
  </tr>
  {volist name="goods" id="good"}
    <tr>
      <td>
          <div align="center"><a href="../goods.php?id=1" target="_blank">{$good.goods_name} [ {$good.brand_name} ]</a></div>
      </td>
      <td><div align="center"><img src="{$good.pic}" width="50" alt=""></div></td>
      <td>{$good.goods_sn}</td>
      <td>
        <div align="left">
          {$good.attr_value}
        </div>
      </td>
      <td><div align="center">￥{$good.goods_price}元</div></td>
      <td><div align="center">{$good.goods_num}</div></td>
      <td><div align="center">{$good.sku}</div></td>
      <td><div align="center">￥{$good['goods_price']*$good['goods_num']}元</div></td>
    </tr>
  {/volist}
  <!-- <tr>
    <td></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><div align="right"><strong>商品总重量：    </strong></div></td>
    <td><div align="right">144千克    </div></td>
    <td>&nbsp;</td>
    <td><div align="right"><strong>合计：</strong></div></td>
    <td><div align="right">￥148140.00元</div></td>
  </tr> -->
</table>
</div>

<!-- 费用信息 -->
<div class="list-div" style="margin-bottom: 5px">
<table width="100%" cellpadding="3" cellspacing="1">
  <tr>
    <th colspan="6">费用信息<!-- <a href="order.php?act=edit&order_id=1&step=money" class="special">编辑</a> --></th>
  </tr>
  <tr height="50">
    <td><div align="right"><strong>商品总价：</strong></div></td>
    <td>￥{$order.total_price}元</td>
    <td><div align="right"><strong>物流费：</strong></div></td>
    <td>￥{$order.ship_price}元</td>
    <td><div align="right"><strong>合计：</strong></div></td>
    <td>￥{$order.total_price+$order.ship_price|number_format=###,2}元</td>
  </tr>
</table>
</div>

<!-- 操作信息 -->
<div class="list-div" style="margin-bottom: 5px">  
  <table cellpadding="3" cellspacing="1" id="opt_table">
    <tr>
      <th colspan="7">操作信息</th>
    </tr>
    {if condition="$order['order_btn']['id']"}
      <tr height="70">
        <td><div align="right"><strong>操作备注：</strong></div></td>
        <td colspan="6"><textarea name="action_note" cols="80" rows="3"></textarea></td>
      </tr>

      <tr>
        <td>
          <div align="right"></div>
          <div align="right"><strong>当前可执行操作：</strong> </div>
        </td>
        <td colspan="6">      
          <input name="order_status" status_id="{$order['order_btn']['id']}" type="button" value="{$order.order_btn.info}" class="status_btn" />
          {if condition="$order['order_btn']['on'] && $order['ship_btn']['info']"}
            <input name="ship_status" status_id="{$order['ship_btn']['id']}" type="button" value="{$order.ship_btn.info}" class="status_btn" />
          {/if}
          <!-- <input name="ship" type="submit" value="生成发货单" class="button" /> -->
          {if condition="$order['ship_btn']['on'] && $order['pay_btn']['info']"}
          <input name="pay_status" status_id="{$order['pay_btn']['id']}" type="button" value="{$order.pay_btn.info}" class="status_btn" />
          {/if}
          <input name="order_id" type="hidden" value="{$order.rid}">
        </td>
      </tr>
    {else/}
      <tr>
        <td colspan="7" style="height:30px;text-align: center;">订单已完成
            <input name="pay_status" status_id="1" type="button" value="取消付款" class="status_btn" />
        </td>
      </tr>
    {/if}
    {if condition="$logs"}
        <tr id="order_logs">
            <th>ID</th>
            <th>操作者：</th>
            <th>操作时间</th>
            <th>订单状态</th>
            <th>发货状态</th>
            <th>付款状态</th>
            <th>备注</th>
        </tr>
        {volist name="logs" id="log"}
            <tr style="text-align: center;">
                <td>{$log.lid}</td>
                <td>{$log.admin_name}</td>
                <td>{$log.created|date='Y-m-d H:i:s',###}</td>
                <td>{$log.order_status}</td>
                <td>{$log.ship_status}</td>
                <td>{$log.pay_status}</td>
                <td>{$log.opt_note}</td>
            </tr>
        {/volist}
    {/if}
  </table>
</div>
</form>

<!-- <div id="footer">
共执行 18 个查询，用时 0.045700 秒，Gzip 已禁用，内存占用 2.182 MB<br />
版权所有 &copy; 2005-2012 上海商派网络科技有限公司，并保留所有权利。</div> -->
<!-- 新订单提示信息 -->
<!-- <div id="popMsg">
  <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#cfdef4" border="0">
  <tr>
    <td style="color: #0f2c8c" width="30" height="24"></td>
    <td style="font-weight: normal; color: #1f336b; padding-top: 4px;padding-left: 4px" valign="center" width="100%"> 新订单通知</td>
    <td style="padding-top: 2px;padding-right:2px" valign="center" align="right" width="19"><span title="关闭" style="cursor: hand;cursor:pointer;color:red;font-size:12px;font-weight:bold;margin-right:4px;" onclick="Message.close()" >×</span><img title=关闭 style="cursor: hand" onclick=closediv() hspace=3 src="msgclose.jpg"></td>
  </tr>
  <tr>
    <td style="padding-right: 1px; padding-bottom: 1px" colspan="3" height="70">
    <div id="popMsgContent">
      <p>您有 <strong style="color:#ff0000" id="spanNewOrder">1</strong> 个新订单以及       <strong style="color:#ff0000" id="spanNewPaid">0</strong> 个新付款的订单</p>
      <p align="center" style="word-break:break-all"><a href="order.php?act=list"><span style="color:#ff0000">点击查看新订单</span></a></p>
    </div>
    </td>
  </tr>
  </table>
</div> -->

<script>
    
    // 订单id
    var rid = "{$order.rid}"; 

    // 异步修改订单状态，添加操作日志
    $('.status_btn').live('click',function() {

        // 获取信息
        var optName = $(this).attr('name');// 操作名
        var status_id = $(this).attr('status_id');// 要改变成的值
        var that = this;

        // 获取操作注释
        var msg = '';
        if( $('textarea[name=action_note]').size() > 0 ){

            msg = $('textarea[name=action_note]').val();

        }else{

            
            // 检查是否是点击的取消付款
            if( optName=='pay_status' && status_id==1 ){

                msg = '取消付款';
            }

        }


        // 检测操作备注是否为空
        if( msg == '' ){
            alert('请填写操作备注');
            return false;
        }

        // 异步修改订单状态，添加操作日志
        var url = '{:url("changeStatus")}';
        $.get(url, {name:optName,id:rid,status_id:status_id,msg:msg}, function(data) {
           console.log(data);
            // 更新成功
            if( data.status ) {

                // 用于生成input按钮
                var html = '';

                // 如果点击的是修改订单状态的按钮
                if( optName=='order_status' ){

                    // 如果返回信息中有订单状态信息
                    if( data.msg.order_status ){

                        $(that).attr('status_id',data.msg.order_status[1]['id'])
                        $(that).val(data.msg.order_status[1]['info']);

                    }

                    // 如果返回信息中有物流状态信息
                    if( data.msg.ship_status ){
                        
                        // 如果已经存在修改物流状态的按钮
                        if( $('input[name=ship_status]').size() > 0 ){

                            // 改变status_id属性
                            $('input[name=ship_status]').attr('status_id',data.msg.ship_status[1]['id'])

                            // 改变显示信息
                            $('input[name=ship_status]').val(data.msg.ship_status[1]['info']);
                            
                        }else{
                           
                            // 拼凑改变物流状态的input按钮
                            html = '<input name="ship_status" status_id="'+data.msg.ship_status[1]['id']+'" type="button" value="'+data.msg.ship_status[1]['info']+'" class="status_btn">';

                            // 将按钮追加到页面
                            $(that).after(html);

                        }

                    }else{
                        
                        // 如果没有返回物流状态信息，页面存在改变物流状态的按钮就移除掉
                        if( $('input[name=ship_status]').size() > 0 ){

                            $('input[name=ship_status]').remove();

                        }

                    }
                    
                }
                // 否则如果点击的是修改物流状态的按钮
                else if( optName=='ship_status' ){

                    // 如果返回了物流状态的信息
                    if( data.msg.ship_status ){

                        // 改变相应属性
                        $(that).attr('status_id',data.msg.ship_status[1]['id'])
                        $(that).val(data.msg.ship_status[1]['info']);

                    }

                    // 如果返回了支付状态的信息
                    if( data.msg.pay_status ){

                        // 拼凑改变支付状态的input按钮
                        html = '<input name="pay_status" status_id="'+data.msg.pay_status[1]['id']+'" type="button" value="'+data.msg.pay_status[1]['info']+'" class="status_btn">';

                        // 将按钮追加到页面
                        $(that).after(html);

                        // 移除改变物流状态的按钮
                        $(that).remove();

                    }

                }
                // 如果点击的是改变支付状态的按钮
                else if( optName=='pay_status' ){

                    if( status_id == 1 ){

                        html = '<tr height="70">\
                                    <td><div align="right"><strong>操作备注：</strong></div></td>\
                                    <td colspan="6"><textarea name="action_note" cols="80" rows="3"></textarea></td>\
                                </tr>\
                                <tr>\
                                    <td>\
                                      <div align="right"></div>\
                                      <div align="right"><strong>当前可执行操作：</strong> </div>\
                                    </td>\
                                    <td colspan="6">\
                                        <input name="order_status" status_id="3" type="button" value="取消订单" class="status_btn">\
                                        <input name="pay_status" status_id="2" type="button" value="确认付款" class="status_btn">\
                                    </td>\
                                </tr>';
                        $(that).parents('tr').remove();
                        $('#order_logs').before(html);

                    }else{

                        // 拼凑完成订单的页面信息
                        html = '<tr>\
                                    <td colspan="7" style="height:30px;text-align: center;">订单已完成\
                                        <input name="pay_status" status_id="1" type="button" value="取消付款" class="status_btn" />\
                                    </td>\
                                </tr>';

                        // 将信息追加到页面
                        $('#order_logs').prev('tr').remove();
                        $('#order_logs').prev('tr').remove();
                        $('#order_logs').before(html);
                    }

                }

                // 插入订单日志
                if( $('#order_logs').size() > 0 ){

                    html = '<tr style="text-align: center;">\
                                <td>'+data.log.id+'</td>\
                                <td>'+data.log.admin_name+'</td>\
                                <td>'+data.log.created+'</td>\
                                <td>'+data.log.order_status+'</td>\
                                <td>'+data.log.ship_status+'</td>\
                                <td>'+data.log.pay_status+'</td>\
                                <td>'+data.log.opt_note+'</td>\
                            </tr>';

                    $('#order_logs').after(html);

                }else{

                    html = '<tr id="order_logs">\
                                <th>ID</th>\
                                <th>操作者：</th>\
                                <th>操作时间</th>\
                                <th>订单状态</th>\
                                <th>发货状态</th>\
                                <th>付款状态</th>\
                                <th>备注</th>\
                            </tr>\
                            <tr  style="text-align: center;">\
                                <td>'+data.log.id+'</td>\
                                <td>'+data.log.admin_name+'</td>\
                                <td>'+data.log.created+'</td>\
                                <td>'+data.log.order_status+'</td>\
                                <td>'+data.log.ship_status+'</td>\
                                <td>'+data.log.pay_status+'</td>\
                                <td>'+data.log.opt_note+'</td>\
                            </tr>';

                    $('#opt_table').append(html);
                }

                // 最后将文本域的字符串清空
                $('textarea[name=action_note]').val('');

            }else {

                // 提示错误信息
                alert( data.msg );

            }

        },'json');
       
    });
</script>

